<template>
        <div class="foot">
              <div class="foot_t">
                      <div class="serve">
                              <ul class="ul_w">
                                      <li class="li_w">
                                              <ul>
                                                      <li class="li1">帮助中心</li>
                                                      <li>购物帮助</li>
                                                      <li>支付方式</li>
                                                      <li>配送规则</li>
                                                      <li>法式月饼提货门店</li>
                                              </ul>
                                      </li>
                                      <li class="li_w">
                                              <ul>
                                                      <li class="li1">门店服务</li>
                                                      <li>门店查询</li>
                                                      <li>购卡须知</li>
                                                      <li>提货卡/积分卡查询</li>
                                              </ul>   
                                      </li>
                                      <li class="li_w">
                                         <ul>
                                                      <li class="li1">关于我们</li>
                                                      <li>了解味多美</li>
                                                      <li>味多美新闻</li>
                                                      <li>加入味多美</li>
                                              </ul>        
                                      </li>
                                      <li class="li_w">
                                              <ul>
                                                      <li class="li1">关注我们</li>
                                                      <li>官方微博</li>
                                                      <li>美粉社区</li>
                                                      
                                              </ul>   
                                      </li>
                                      <li class="weixin">
                                              <img src="../assets/foot/wx_01.jpg" alt="">
                                              <div>关注味多美微信了解最新会员活动</div>
                                      </li>
                              </ul>
                              
                      </div>
                 
                      <p class="lx">味多美面包坊，选用全球优质原料，24年来，北京开店近300家。天然奶油蛋糕，使用进口天然稀奶油。北京六环内“最快2小时达”，可门店自提，订购热线：4001170170</p>
              </div>
              <div class="foot_b">
                      <div class="copyright">
                          <div class="copyright_l ">
                                  <p>@2005-2018味多美版权所有，并保留所有权利。ICP备案证书号:京ICP备14006433号-1</p>
                                  <p><img src="../assets/foot/ghs.png">京公网安备 11010202007671号</p>
                                          
                          </div>
                          <div class="copyright_r ">
                                  <img src="../assets/foot/icon1.png" style="width:90px;height:34px">
                                  <img src="../assets/foot/icon2.png" style="width:90px;height:34px">
                                  <img src="../assets/foot/icon3.png" style="width:90px;height:34px">
                          </div>
                      </div>
              </div>
        </div>
</template>

<style scoped>
     .foot{  
             /* position: fixed; */
             /* bottom:0; */
             width: 100%;
             background: white;
        }
     .foot_t{
             height: 185px;
             border-bottom: 1px solid #bcbcbc;
             background: #f7f1eb;
             padding-top: 50px;
     }
     .foot_t .serve{
             width: 1170px;
             height: 160px;
             margin: 0 auto;
             font-size: 12px;
            
     }
     .foot_b{
             height: 73px;
             width: 100%;
              background: #f7f1eb;
     }
     .ul_w{
         display: flex;
         font-size: 14px;
     }
     .ul_w .li_w{
             height: 120px;
             padding: 0 80px 0 70px;
             border-right: 1px solid #bcbcbc;
     }
     .li_w ul li{
         margin-top: 10px;
     }
     .li_w .li1{
             margin-top:0;
             font-size:18px;
     }
     .weixin{
             font-size: 12px;
             text-align: center;
             margin-left: 5px;
     }
     .weixin div{
             width: 96px;
             height: 34px;
             
     }
     .lx{
             color: red;
             font-size: 12px;
             text-align: center;
     }
     .copyright{
             width: 1200px;
             height: auto;
             margin: 0 auto;
             font-size: 12px;
             color: #bcbcbc;
     }
     .copyright_l{
             float: left;
     }
     .copyright_l p{
             text-align: center;
     }
     .copyright_r{
             float: right;
     }
     .foot_b{
             padding-top: 10px;
     }
</style>